import React from 'react'
import {Input, Form} from 'antd'
import {BaseGroup} from "./BaseGroup"


export class InputGroup extends BaseGroup {

  static defaultProps = {
    xs: "12",
    lmd: "2",
    md: "9",
    qmd: "1",
  };

  onChange(e) {
  }

  render() {
    const {formItemLayout, answer, label, value} = this.props

    const tips = answer

    const FormItem = Form.Item;

    return (
      <FormItem label={this.getLabel()} {...formItemLayout}>
        <Input type="text" id={this.getId()} name="text-input" defaultValue={value} placeholder={tips}
               onChange={this.onChange}/>
      </FormItem>

  )
  }
}
